@import "@/style";

.PayModel {
	.customModal(380px, auto);
	color: #797979;
	background: #fff;
	padding: 0px;
	border-radius: 4px;

	.title {
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		// background: #d1d1d1;
		padding: 0px 4px;
		color: #333;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 2px;
		text-align: center;

		i {
			position: absolute;
			color: #333;
			cursor: pointer;
			right: 8px;

			&:hover {
				color: #1e80ff;
			}
		}
	}

	.Cbody {
		border-radius: 6px;
		background: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		flex: 1;

		.money {
			font-size: 22px;
			color: #5b9454;
			font-weight: bolder;
			padding-bottom: 4px;

			>span {
				font-size: 14px;
			}
		}

		.qrCode {
			width: 200px;
			height: 200px;
			border-radius: 4px;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-bottom: 4px;

			>img {
				width: 100%;
				object-fit: contain;
			}
		}

		.tips {
			color: #101010;
			font-size: 12px;
		}

		.close {
			height: 30px;
			display: flex;
			align-items: center;
			color: #1684fc;
			cursor: pointer;
			font-size: 14px;
			letter-spacing: 1px;
		}
	}
}